<template>
  <view class="viewPlanView t-center">
    <image class="img" src="../../static/design/default.png"></image>
  </view>
  <div class="list">
    <div class="button">
    </div>
    <div class="wz">
      设计位置列表
    </div>
    <div class="bottom_solid">
    </div>
    <div class="list1">
      <div class="list1_img">
        <image src="../../static/design/default.png"></image>
      </div>
      <div class="list1_wz">
        <div class="list1_wz_top">
          <div class="bgq">办公区</div>
          <div class="qy">区域</div>
        </div>
        <div class="list1_wz_bottom">
          备注信息备注信息备注信息备注信息备注信息备注信息
        </div>
      </div>
    </div>
    <div class="list1">
      <div class="list1_img">
        <image src="../../static/design/default.png"></image>
      </div>
      <div class="list1_wz">
        <div class="list1_wz_top">
          <div class="bgq">小阳台</div>
        </div>
        <div class="list1_wz_bottom">
          备注信息备注信息备注信息备注信息备注信息备注信息
        </div>
      </div>
    </div>
    <div class="list1">
      <div class="list1_img">
        <image src="../../static/design/default.png"></image>
      </div>
      <div class="list1_wz">
        <div class="list1_wz_top">
          <div class="bgq">餐桌上</div>
        </div>
        <div class="list1_wz_bottom">
          备注信息备注信息备注信息备注信息备注信息备注信息
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
  uni.setNavigationBarTitle({
    title: '001室'
  })
</script> 

<style scoped>
  .viewPlanView {
    width: 100%;
    height: 100vh;
    background-color: black;
    position: relative;
  }
  .img{
    width: 100%;
    height: 500rpx; 
  }
  .list{
    width: 94%;
    height: 800rpx;
    background-color: rgb(255, 255, 255);
    position: absolute;
    bottom: 0;
    left: 3%;
    border-radius: 25rpx 25rpx 0 0;
    
  }
  .button{
    width: 140rpx;
    height: 3rpx;
    background-color: gainsboro;
    margin: 20rpx auto;
  }
  .wz{
    width: 90%;
    height: 65rpx;
    font-size: 34rpx;
    font-weight: 600;
    margin-left: 3%;
  }
  .bottom_solid{
    width: 94%;
    height: 3rpx;
    margin-left: 3%;
    background-color: rgb(238, 238, 238);
  }
  .list1{
    width: 90%;
    height: 180rpx;
    margin-left: 3%;
    margin-top: 20rpx;
  }
  .list1_img{
    width: 270rpx;
     height: 180rpx;
     float: left;
  }
  .list1_img image{
    width: 270rpx;
    height: 180rpx;
  }
  .list1_wz{
    width: 330rpx;
    height: 180rpx;
    float: right;
  }
  .list1_wz_top{
    width: 330rpx;
    height: 70rpx;
  }
  .bgq{
    width: 100rpx;
    height: 50rpx;
    font-size: 33rpx;
    float: left;
  }
  .qy{
    width: 130rpx;
    height: 50rpx;
    background-color: darkorange;
    color: rgb(250, 250, 250);
    text-align: center;
    line-height: 50rpx;
    border-radius: 10rpx;
    float: right;
    font-weight: 600;
    font-size: 34rpx;
  }
  .list1_wz_bottom{
    width: 330rpx;
    height: 110rpx;
   font-size: 28rpx;
  }
</style>